<html>
<head>
<title>Show/Hide List Parts</title>
<script type="text/javascript">
// From: http://www.webdeveloper.com/forum/showthread.php?t=218226

function ToggleList(IDS) {
  HideRange('ulist','div',IDS);  // not required unless using 'HideRange()' below
  var CState = document.getElementById(IDS);
  if (CState.style.display != "block") { CState.style.display = "block"; }
                                  else { CState.style.display = "none"; }
}
function HideRange(sect,elTag,IDS) {
  var ContentObj = document.getElementById(sect);
  var AllContentDivs = ContentObj.getElementsByTagName(elTag);
  for (i=0; i<AllContentDivs.length; i++) {
    if (IDS !== AllContentDivs[i].id) { AllContentDivs[i].style.display="none"; }
  }
}

</script>
<link rel="stylesheet" type="text/css" href="css/default.css" />
<style type="text/css">
  .divInfo { display:none; }
</style>

</head>
<body>

    <div class="topLeft"></div>
<!--
<ul id="ulist">
<li><a href="#" onclick="ToggleList('a')">LINK A </a></li>
    <div id="a" class="divInfo">description 1</div>
<li><a href="#" onclick="ToggleList('b')">LINK B </a></li>
    <div id="b" class="divInfo">description 2</div>
<li><a href="#" onclick="ToggleList('c')">LINK C</a></li>
    <div id="c" class="divInfo">description 3</div>
</ul>-->
</body>
</html>